---
title: "Release Notes"
description: "All releases made to Intent UI, detailing every update and enhancement introduced to the platform, providing a comprehensive overview of changes and improvements."
order: 1
published: true
---

## 2025
This all changes are made on the 2025 release.

## 28 Nov

All chart components have been updated. We introduced a new `containerHeight` prop on the Charts components that lets you control the height of the chart container. This helps prevent warnings like:

```
The width(-1) and height(-1) of chart should be greater than 0,
       please check the style of container, or the props width(100%) and height(100%),
       or add a minWidth(0) or minHeight(undefined) or use aspect(undefined) to control the
       height and width.
```

We also added a new `useMobile` hook to make mobile detection simpler, replacing the old `useMediaQuery` hook. All core components that previously used `useMediaQuery` have now been updated to use `useMobile`.

## Components affected
* Navbar
* Date picker
* Sidebar
* Charts
* AreaChart
* BarChart
* LineChart
* PieChart


## 19 Nov
A few components has been updated including:
- Checkbox
- Tree

## 14 Nov
A few components has been updated including:
- Modal

## 13 Nov
A few components has been updated including:
- Modal
- Sheet
- Dialog

## 08 Nov
A few components has been updated including:
- Date field
- Date picker
- Date range picker
- Input
- Number field
- Search field
- Dropdown
- Menu
- Textarea

## 04 Nov
- Introduce new component called `SidebarMenuTrigger`
- Make sidebar better

## 24 Oct
Release v3.5 [Read here](/blog/release-v3.5)

## 04 Oct
* Upgraded React Aria Components to v1.13.0
* Remove max items from multiple select
* Toggle group and tabs now animated by default, since RAC introduce SelectionIndicator
* Disclosure group now use built-in variable from rac so it can easily animate the height.

## Components affected
* components/ui/disclosure-group.tsx
* components/ui/tabs.tsx
* components/ui/toggle-group.tsx
* components/ui/tag-group.tsx
* components/ui/multiple-select.tsx
* components/ui/sidebar.tsx

## 26 Sep
* Update grid list component
* Update modal component
* Update sheet component
* Add demo for section in grid list

## 20 Sep
* Bump RAC
* Rewrite choice box component.
* Rename component, from 'Choicebox' to 'ChoiceBox'.
* Rename file component, from 'choicebox.tsx' to 'choice-box.tsx'.
* Update demo of choice box.

## 12 Sep
* Add new token for subtle
```
:root {
  --primary-subtle: oklch(0.623 0.214 259.815 / 0.15);
  --primary-subtle-fg: oklch(0.488 0.243 264.376);
  --success-subtle: oklch(0.696 0.17 162.48 / 0.15);
  --success-subtle-fg: oklch(0.508 0.118 165.612);
  --info-subtle: oklch(0.685 0.169 237.323 / 0.15);
  --info-subtle-fg: oklch(0.5 0.134 242.749);
  --warning-subtle: oklch(0.828 0.189 84.429 / 0.2);
  --warning-subtle-fg: oklch(0.555 0.163 48.998);
  --danger-subtle: oklch(0.637 0.237 25.331 / 0.15);
  --danger-subtle-fg: oklch(0.505 0.213 27.518);
}

.dark {
  --primary-subtle: oklch(0.623 0.214 259.815 / 0.1);
  --primary-subtle-fg: oklch(0.707 0.165 254.624);
  --success-subtle: oklch(0.696 0.17 162.48 / 0.1);
  --success-subtle-fg: oklch(0.765 0.177 163.223);
  --info-subtle: oklch(0.685 0.169 237.323 / 0.1);
  --info-subtle-fg: oklch(0.828 0.111 230.318);
  --warning-subtle: oklch(0.828 0.189 84.429 / 0.1);
  --warning-subtle-fg: oklch(0.828 0.189 84.429);
  --danger-subtle: oklch(0.637 0.237 25.331 / 0.1);
  --danger-subtle-fg: oklch(0.704 0.191 22.216);
}
```

### Renamed sub component
* `SelectList` to `SelectContent`
* `SelectOption` to `SelectItem`
* `ComboBoxList` to `ComboBoxContent`
* `ComboBoxOption` to `ComboBoxItem`


### Affected components
* badge.tsx
* range-calendar.tsx
* note.tsx
* toast.tsx
* select.tsx
* combo-box.tsx

## 11 Sep
* Update the tabs component
* Add the `cx()` function and mark the `composeTailwindRenderProps()` function as deprecated.

## 8 Sep
* Update sidebar color
* Update token for sidebar

## 7 Sep
* All components are now installable via the shadcn CLI
* Blocks have a refreshed look and can also be installed through the shadcn CLI
* Fixed sidebar issue with intent float
* Fixed focus behavior on tag-field
* Fixed tooltip inverse
* renamed touch-hitbox to touch-target (button,toggle-group,toggle)

## 6 Sep
* Added keyframe and animation for sidebar/disclosure expand and collapse
* Fixed sidebar expand/collapse animation issue
* Fixed disclosure expand/collapse animation issue

## Affected components
```
components/ui/sidebar.tsx
components/ui/disclosure-group.tsx
```

## 27 Aug
* Standardized button, toggle, toggle-group sizes for consistency across all variants
* Improved sidebar design and functionality
* Fixed sidebar example with menu actions
* Fix navbar (mobile issue)
* Fixed date picker (mobile issue)
* Fixed number field (mobile issue)


## Affected components
components/ui/date-picker.tsx
components/ui/navbar.tsx
components/ui/toggle.tsx
components/ui/toggle-group.tsx
components/ui/button.tsx
components/ui/number-field.tsx
components/ui/sidebar.tsx
hooks/use-media-query.ts

## 26 Aug
* Upgraded React Aria Components to v1.12.0
* Completely revamped the sidebar component
* Refactored button sizing for better consistency
* Refactored toggle group sizing for better consistency
* Tooltip no longer uses `intent="inverse"`. To apply the inverse style, use the `inverse` prop on `TooltipContent`
* Refactored `DropdownItem`

## 24 July
* Upgraded React Aria Components to v1.11.0
* Removed the beta flag from the Tree component
* Added new demos to all components with infinite scrolling, including Grid List, Table, List Box, and Tree
* Added several Tree demos now that it's no longer in beta (our definition, not RAC’s)

## 18 July
### Bug fix
- Tooltip

### Changes
- Chart
- Line chart
- Bar chart
- Area chart

## 26 June
[Release 3.0.0](/blog/release-v3)

## May 10 (v2.3.0)
[Release 2.3.0](/blog/release-v-230)

## May 06 (v2.2.1)
- The `SidebarSection` prop has been renamed from `title` to `label`:
```tsx
 <SidebarSection title="Section 1" /> // [!code --]
 <SidebarSection label="Section 1" /> // [!code ++]
````

- Large data sets are now better handled by the pickers.

- The `DrawerContent` prop `withNotch` has been renamed to `notch`:

```tsx
 <DrawerContent withNotch={false} /> // [!code --]
 <DrawerContent notch={false} /> // [!code ++]
```

## March 08
- Remove `focusButtonStyles` from `primitive.tsx`
- Add underline to `Link` when it hovered.

## March 07
- Upgrade RAC to latest version
- Add searchable select to [select](https://intentui.com/select)
- Remove `intent` props from container
- Add `constrained` prop to container
- Remove `intent` and `shape` props from skeleton
- Add `soft` prop to skeleton
- Add `tailwindcss-react-aria-components` to dependencies

## March 03
- Remove appearance prop from `Button` and `Toggle`
- Update some related components
- Add select month and year to date picker and calendar

## January 28
- Change `slot` to `segment` on `CarouselButton`
- Every item (sidebar item, dropdown item) now decrease by 0.2rem

## January 21
- [ToggleGroup](/toggle-group)
    - Default gap is now `0`
    - Default appearance is now `outline`
    - Default orientation is now `horizontal`

## January 17
- [Release v2.0.1](/blog/release-v201)

Below is a list of all the releases that have been made to Intent

If you don't see the release you're looking for, please run `npx @intentui/cli@latest diff` to see the changes. Not sure? Look at this [installation page](/docs/getting-started/installation#diff).
## 2024
This all changes are made on the 2024 release.

## Major Release December 2024
Please read all the release notes on [Release v2](/blog/release-v2)

## November 22
- Minor adjustments across all components to align with the latest version of `react-aria-components`.
- New Component [ToggleGroup](/docs/components/buttons/toggle-group)
- Fix issue on menu [Menu](/docs/components/collections/menu)
- Change `slot` to `data-slot` menu trigger on sidebar

## November 17
- A few adjustment to [Navbar](/navbar)

## November 11
- A few adjustment to [Sidebar](/sidebar)

## November 08
- Made slight tweaks to all fields to increase bottom margin between labels and fields.
- Applied minor adjustments to the [Dropdown](/docs/components/collections/dropdown) component.
- Made small updates to the [Switch](/docs/components/controls/switch) component.

## November 06
- Improvement to [Sidebar](/docs/components/layouts/sidebar)
- Improvement to [Toast](/docs/components/statuses/toast)
## November 05
- Improvement to [Sidebar](/docs/components/layouts/sidebar)

## October 31
- Improvement to [Badge](/docs/components/statuses/badge)
- Improvement to [Disclosure](/docs/components/navigation/disclosure)
- A lot of improvements to Intent CLI (when this was written, the version v1.2.16)
- Add Toggle password visibility to [TextField](/docs/components/forms/text-field)

## October 27
- Fix Navbar Media Query
- Fix SearchField
- Fix TextField
- Fix ColorField

## October 24
- Significant improvements to [Breadcrumbs](/docs/components/navigation/breadcrumbs)
- Fix Navbar Props

## October 23
- Tooltip now added to sidebar when collapsed. [Example](/pre-blocks/sidebar/sidebar-02)
- Colors adjustment on sidebar
- Fix color on tooltip `inverse`
- Improvement to sidebar colors

## October 22
- Improvement: Remove `svh` from inset on [Navbar](/docs/components/layouts/navbar)
- Full width added to container and change props from `variant` to `intent`. [Container](/docs/components/layouts/container)
- Note now default to `info` intent instead of primary.

## October 21
- Improvement to [Sidebar](/docs/components/layouts/sidebar)
- New component [Navbar](/docs/components/layouts/navbar)

## October 18
- Add `isBlurred` props to [Command Menu](/docs/components/controls/command-menu)

## October 17
- `isLoading` now renamed to `isPending` on all components that need it
- SearchField now have `isPending` props [SearchField](/docs/components/forms/search-field)
- `::-ms-reveal` is now hidden on all inputs
- Small improvement to `GridList` and `Table`

## October 12
- Small improvement some components ↓
   - SearchField
   - Heading
   - Dialog
   - Card
- Remove border from Badge
- Remove light dan dark from Badge
- Fix color on Badge
- Table now have resize props [Table](/docs/components/collections/table)

## October 10
- Sidebar now can be collapse [Aside](/docs/components/layouts/aside)
- Text field now have `isRevealable` prop [Text Field](/docs/components/forms/text-field). It's a new feature that can be used to show / hide the password.

## October 7
- New component: [Tree](/docs/components/collections/tree)
- New component: [Progress Circle](/docs/components/statuses/progress-circle)
- Adjustments
  - [Checkbox](/docs/components/forms/checkbox)
  - [GridList](/docs/components/collections/grid-list)
  - [ListBox](/docs/components/collections/list-box)
  - [Table](/docs/components/collections/table)

## October 6
- Upgrade React Aria Components to v1.4.0
- Accordion is renamed to [Disclosure Group](/docs/components/navigation/disclosure-group)
- New component [Disclosure](/docs/components/navigation/disclosure)
- Remove beta status from all color components

## September 29
- Add Chart component [Chart](/docs/components/surfaces/chart)
- Card now use native HTML Element with `utils/classes`

```ts title="utils/classes.ts"
import {twMerge} from 'tailwind-merge'
import {type ClassValue, clsx} from 'clsx'

export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs))
```
If you're using initial setup (`npx @intentui/cli@latest init`), do not worry about this. It will be automatically added to your project.

## September 19
- Feel free to change your theme [here](/themes)
- Light/Dark, Light, Dark, Info has been

## September 08
- Fix bug about `forwardedRef` in `Drawer`
- Redesign `Table` sorting
- Fix colors page in hex format

## September 07
- Add `tabular-nums` to every component that needs it
- Consistently background color for all "field / input" component.

## August 22
- Add `subtle` color
- Add `MultipleSelect.Tag` to multiple select

## August 20
Remove framer motion from [Tabs](/docs/components/navigation/tabs), [ProgressBar](/docs/components/statuses/progress-bar) and [Meter](/docs/components/statuses/progress-bar).

## August 16
- Change variable color from `background` to `bg`
- Fix pagination to use `variant` instead of `role`
- Add relative to the menu checkbox and radio

## August 15
- Replace all `composeRenderProps` to `cr`
- Tooltip now is Compound component
- Fix width on ColorPicker
- Add color when plain Button pressed
- Make command menu better ring
- Make calendar better looking
- Add information to cli `npx @intentui/cli@latest help`

## August 13
- Range Calendar is now stand-alone component
- Add `-o` flag to override existing components on `add` command
- Add `diff` command to

## August 11
- Add [ContextMenu](/docs/components/controls/context-menu) component
- Some minor fixes to [Menu](/docs/components/collections/menu)
- Command Menu Descriptions are now have intents
- Critical fix to [Heading](/docs/components/surfaces/heading)
- Critical fix to [Drawer](/docs/components/overlays/drawer)
- Make icon on the toast always top positioned
- Remove hot, dots from loader

## August 10
- Add `TagField` prop to [TagField](/docs/components/forms/tag-field)
- Make `MultipleSelect` better [MultipleSelect](/docs/components/pickers/multiple-select)
- Refactor `MultipleSelect`, `TagGroud`, `TagField`, `TextField` to use `Field`.

## August 09
- New component [MultipleSelect](/docs/components/pickers/multiple-select)
- Add `hot` to [loader variants](/docs/components/statuses/loader#variants)
- Refactor example of file trigger with avatar [FileTrigger](/docs/components/buttons/file-trigger#avatar)

## August 05
- Add Sticky example added to Modal and Sheet
- Add [Heading](/docs/components/surfaces/heading) component
- Add [ShowMore](/docs/components/surfaces/show-more) component
- DynamicOverlay Removed
- SheetOverlay Removed
- ModalOverlay Removed
- PopoverOverlay Removed
- Popover Refactored
- Modal Refactored
- Sheet Refactored
- Drawer Refactored
- DatePicker Refactored
- DateRangePicker Refactored
- ColorPicker Refactored

## August 02
- Refactored all components and make them more accessible and better
- Add more examples to the docs
- Add [Skeleton](/docs/components/statuses/skeleton) component
- Refactor [Popover](/docs/components/overlays/popover) component
- Refactor [Dialog](/docs/components/overlays/dialog) component
- Refactor [Search Field](/docs/components/forms/search-field) component
- Refactor [Select](/docs/components/pickers/select) component
- Refactor [Combobox](/docs/components/pickers/combo-box) component
- Refactor Installation section in the docs
- All repo like starter kit can be found [https://github.com/intentui](https://github.com/intentui).
- Version of CLI is now **v0.1.37**.
- Added new component [Command](/docs/components/controls/command-menu)
- Added new component [Accordion](/docs/components/collections/accordion)
- Fix toast component to use theme provider
- Refactoring docs for dark mode

## July 29
- Added a dope example to upload an avatar with [FileTrigger](/docs/components/buttons/file-trigger#avatar)
- Dropped in an example to select or drop files on [DropZone](/docs/components/drag-and-drop/drop-zone#file-trigger)
- Threw in the new [Loader](/docs/components/statuses/loader) component

## July 27
- Remove clear button from [Select](/docs/components/pickers/select)

## July 25
- Add [Toolbar](/docs/components/controls/toolbar) component
- Rename ToggleButton to [Toggle](/docs/components/buttons/toggle)
- Pagination move from Grid to ListBox [Pagination](/docs/components/navigation/pagination)

## July 18
- New component [Carousel](/docs/components/media/carousel)
- New component [Choicebox](/docs/components/collections/choicebox)
- Move CLI from `@irsyadadl/d` to `@intentui/cli`

## July 16
- Add [Grid List](/docs/components/collections/grid-list) component
- Refactor pagination to use Grid List in PaginationList [Docs](/docs/components/navigation/pagination)
- Rename PaginationContent to PaginationList [Docs](/docs/components/navigation/pagination)
- Style up that [text field's suffix](/docs/components/forms/text-field#suffix-with-button) and prefix when there's a button chillin' inside.
- Note revamped
- Add [VisuallyHidden](/docs/components/utilities/visually-hidden) component

## July 11
- Add [Color](/docs/components/colors/color-picker) component
- Make [Toast](/docs/components/statuses/toast) better
- Color Picker & Date Picker now friendly to mobile.

## July 08
- Add [Card](/docs/components/surfaces/card) component
- Redesign Homepage
- Add [Avatar](/docs/components/media/avatar) component
- Add [Toast](/docs/components/statuses/toast) component
- Add [CLI](/docs/getting-started/installation#cli) to install components

## July 05
- Initial release
